<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <title></title>
    <script type="text/javascript">
        $(function () {
            $("#btnBrowse").click(function () {
                //$("#fupMedia").trigger('click');
                
            });
            $("#fupMedia").change(function () {
                $("#uploadForm").trigger("submit");
            });
        });
    </script>
</head>
<body>
    <form id="uploadForm" action="ContentManagementService.asmx/uploadMedia" method="post" enctype="multipart/form-data" target="uploadArea">
        <input type="hidden" name="MediaType" value="video" />
        <input type="file" id="fupMedia" name="mediaToUpload" accept="image/*" />
        <input type="submit" value="submit" />
    </form>
    <div id="test1" style="background-color: Aqua">
    </div>
    <input type="button" id="btnBrowse" value="Browse" />
    <iframe id="uploadArea" name="uploadArea">
    </iframe>
</body>
</html>
